<template>
  <!-- 首页 -->
  <div class="gis-home">
    <TopHeader />
    <CesiumMap />
    <LeftCharts />
    <RightCharts />
    <!-- <AlarmPanel ref="alarmPanelRef" /> -->
    <BottomBar />
  </div>
</template>
<script setup lang="ts" name="rong2-home">
import CesiumMap from "./components/CesiumMap.vue";
import TopHeader from "./components/TopHeader.vue";
import LeftCharts from "./components/LeftCharts.vue";
import RightCharts from "./components/RightCharts.vue";
import BottomBar from "./components/BottomBar.vue";
</script>
<style lang="less" scoped>
html[data-theme="dark"] {
  .gis-home {
    background: #151515 !important;
  }
}

.gis-home {
  width: 100%;
  height: 100vh;
  position: relative;
  background: #f1fafd;
}
</style>
